.header-container{
  background: #3B70E4;
  border-radius: 0px 0px 72rpx 72rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 600rpx;
  .desc{
    margin-top:12rpx;
    font-size: 28rpx;
    color: #FFFFFF;
  }
  .title{
    font-size: 36rpx;
    font-weight: bold;
    color: #FFFFFF;
    margin-top:26rpx;
  }
  .success-icon{
    width: 132rpx;
    height: 132rpx;
  }
}
.big-container{
  position: relative;
  top:-126rpx;
  .image-container{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    .big-img{
      width: 686rpx;
    }
    .click-view{
      width: 312rpx;
      height: 80rpx;
      line-height: 80rpx;
      text-align: center;
      background: #404040;
      border-radius: 16rpx;
      font-size: 32rpx;
      color: #F0E3C4;
      position: absolute;
      left:50%;
      bottom:70rpx;
      transform: translate(-50%,0);
    }
  }
  .confirm-container{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:46rpx;
    padding:0 50rpx;
    .success-confirm{
      // width: 312rpx;
      flex:1;
      height: 80rpx;
      line-height: 80rpx;
      text-align: center;
      // background: #F3F3F3;
      background: #F5F7FF;
      color: #B8CEFF;
      border-radius: 16rpx;
      &:not(:last-child){
        margin-right:20rpx;
      }
      &.click-view{
        background: #404040;
        border-radius: 16rpx;
        font-size: 32rpx;
        color: #F0E3C4;
      }
    }
  }
}
